/**
 * @author shaosong
 * @description
 */
import { Col, Row } from 'antd';
import React from 'react'
import ColorCard from '../../components/ColorCard';
import { COLORLIST } from '../../utils/util';
import './index.less'

export class ColorPreviewProps {
}

const ColorPreview: React.FC<ColorPreviewProps> = (props) => {
    
    return React.useMemo(() => <div className='page-color-preview'>
        <div className='title'>
            颜色预览
        </div>
        <Row className='row-style'>
            {COLORLIST?.map((color, key) => <Col key={String(key)} span={12} className='col-style'>
                <ColorCard title={color.title} color={color.color} />
            </Col>)}
        </Row>
    </div>, []);

}

ColorPreview.defaultProps = new ColorPreviewProps();
export default ColorPreview